<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<nav-banm></nav-banm>
			<my-Com></my-Com>
			{{tit}}
		</div>
		<!-- 模板 -->
		<template id="tmp">
			<div>
				ddjed
				{{myd}}
				<p>撒</p>
				<a href="">ccc</a>
			</div>
		</template>
		<script>
			// 全局组件
			Vue.component('navBanm',
			{
				template:`<div>
				购物车
				<navChild></navChild>
				</div>`,
				data(){
					return{
						
					}
				},
				// 局部组件
				components:{
						"navChild":{
							template:`<div>sss</div>`
						}
					}
				})
			Vue.component('myCom',
			{
				template:'#tmp',
				data(){
					return{
						myd:'李四'
					}
				},
			})
			// 根
			var vm=new Vue({
				el:'#app',
				data:{
					tit:'张三'
				}
			})
		</script>
	</body>
</html>